<template>
  <div>
    <div class="fixBox">
      <img src="../assets/img/h42.png" />
      <div class="shipdown">
        <div class="topbg"></div>
        <div class="boxnav">
          <div>
            <span>我要加盟</span>
          </div>
          <div>
            <span>乐园办卡</span>
          </div>
          <div>
            <span>在线客服</span>
          </div>
          <div>
            <span>客服电话</span>
          </div>
          <div>
            <span>留言反馈</span>
          </div>
        </div>
        <div class="downbg">
          <span>返回顶部</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.fixBox {
  position: fixed;
  right: 20px;
  top: 50%;
  z-index: 10;
  img {
    width: 158px;
    height: 95px;
    position: absolute;
    top: -48px;
    right: 0;
  }
  .shipdown {
    font-weight: bold;
    color: #333333;
    .topbg {
      width: 137px;
      height: 64px;
      background-image: url("../assets/img/h71a.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .boxnav {
      width: 89px;
      padding: 0 24px;
      text-align: center;
      background: url("../assets/img/h71b.png") no-repeat center center;
      background-size: 100% 100%;
      > div {
        background: url("../assets/img/h50.png") no-repeat bottom center;
        background-size: 100% auto;
        &:first-child {
          span:first-child {
            padding-top: 0;
          }
        }
        > span {
          display: inline-block;
          padding: 12px 0;
          cursor: pointer;
          &:hover {
            color: #f0cb7a;
            transition: all 0.25s;
          }
        }
      }
    }
    .downbg {
      width: 137px;
      height: 92px;
      background-image: url("../assets/img/h71c.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      text-align: center;
      span {
        display: inline-block;
        margin-top: 13px;
        cursor: pointer;
        &:hover {
          color: #f0cb7a;
          transition: all 0.25s;
        }
      }
    }
  }
}
</style>
